<script setup>
import { reactive } from 'vue';

import ActivitySearch from './modules/activity-search.vue';
import CardData from './modules/card-data.vue';
import ListTable from './modules/list-table.vue';

const searchParams = reactive({
  times: '',
  participatingStores: []
});
</script>

<template>
  <ElSpace direction="vertical" fill class="pb-0" :size="16">
    <ActivitySearch v-model:model="searchParams" />
    <CardData />
    <ListTable />
  </ElSpace>
</template>
